#{extends 'baseTemplate.html' /}
#{set title:'北极欧企业资源管理系统>主页'/}
#{set 'moreStyles'}
<!-- 增加新的样式文件 -->
<style>
a{text-decoration:none;color:#424242;}
a:hover{color:#024c96;}
.gray {color:#ccc!important}
body{ font-size:14px; font-family:Helvetica,Tahoma,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei",STXihei,STHeiti,Heiti,SimSun,"Microsoft Ya"; color:#888}
ul{ margin:0px; padding:0px; list-style-type:none; font-size:0}

.diul{   width:100%; font-size:0; min-width:844px}
.diul li{ border-spacing:10px; text-align:center; padding-bottom:15px; width:50%; display:inline-block; min-width:422px}
.diul li div{border:1px solid #fff2e3;  width:98%}
.diul li:hover{ box-shadow:0 0 2px #eee}
.diul li h2{height:30px; font-weight:normal; text-align:left; font-size:16px; padding-top:15px; color:#222 }
.diul li h2 em{  display:inline-block;  vertical-align:middle; padding:0 10px;}
.diul li span{font-size:14px; display:inline-block; width:auto; }
.diul li span.tou{ width:100px; height:55px; padding-top:5px; margin-top:20px}
.diul li span a{ color:#fff;font-size:34px;}
.diul li span a sub{ font-size:14px;*font-size:18px;}
.diul li span a:hover{ color:#23527C}
.diul li span.zi{color:#000;*padding-top:5px; *margin-bottom:10px;}
.diul li a{ color:#888; display:inline-block; padding:2px 5px;}
.diul li a span{ color:#F00}
.diul li p{height:50px;vertical-align:middle; width:100%; font-size:12px; display:table-cell;}
.c0{background-color:#0000CC}
.c1{background-color:#006633}
.c2{background-color:#009933}
.c3{background-color:#333333}
.c4{background-color:#336633}
.c5{background-color:#663333}
.c6{background-color:#996633}
</style>
#{/set}
<!-- 页面主内容 -->

<div ng-controller="StaticsController"> 
	<ul class="diul">
		<li ng-repeat="o in staticsData">
		  <div>
		    <h2><em><img src="${ctxPath}/public/images/0{{$index+1}}.png" ></em><span ng-bind="o.k"></span></h2>
		    <span class="tou {{o.c}}"><a href="{{getUrl(o.h.ObjectCode)}}"><d ng-bind="getNumber(o.h.UpcomingName)"></d></a></span><br/>
		    <span class="zi" ng-bind="getName(o.h.UpcomingName)"></span>
		    <p>
		    	<a ng-repeat="d in o.d " href="{{getUrl(d.ObjectCode)}}"><d ng-bind="getName(d.UpcomingName)"></d>(<span ng-class="{gray:getNumber(d.UpcomingName)==0}" ng-bind="getNumber(d.UpcomingName)"></span>)</a></p>
		  </div>
		</li>
	</ul>
</div>
#{set 'moreScripts'}
<!-- 增加新的脚本文件 -->
<script type="text/javascript" src="@{'/public/javascripts/controllers/index.js'}" charset="utf-8"></script>
#{/set}


